import {Component} from '@angular/core';
import {RouterModule} from "@angular/router";
import {CommonModule} from "@angular/common";

@Component({
    selector: 'app-root',
    standalone: true,
    imports: [
        CommonModule,
        RouterModule
    ],
    template: `
        <div>
            <h1>
                Welcome to {{title}}!
            </h1>
            <ul class="navs">
                <a routerLink="/home">home</a> | 
                <a routerLink="/chart">chart</a> | 
                <a routerLink="/images">images</a>
            </ul>
            <router-outlet></router-outlet>
        </div>
    `,
    styles: []
})
export class AppComponent {
    title = 'ng-fifteen';
}
